.container {
    display: flex;
    .left-Content {
        padding: 10px 10px;
        min-height: calc(100vh - 150px);
        background-color: #Fff;
        .left-FromList {
            margin-top: 10px;
            border: 1px solid #e5e5e5;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 10px 10px;
            height: calc(100vh - 200px)
        }
    }
    .right-Content {
        padding: 10px 10px;
        min-height: calc(100vh - 150px);
        background-color: #Fff;
        display: flex;
        flex-direction: column;
        .right-toptitle {
            display: flex;
            border: 1px solid #e5e5e5;
            padding: 0 10px;
            flex-direction: column;
            border-radius: 10px;
            .right-text {
                display: flex;
                height: 50px;
                line-height: 50px;
            }
        }
        .right-tabs {
            .right-tabs-flex {
                position: absolute;
                z-index: 900;
                right: 10px;
                padding: 0;
                margin: 0;
                text-align: center;
                line-height: 50px;
                list-style: none;
                margin-top: 10px;
                width: 80px;
                background-color: #Fff;
                border: 1px solid #e5e5e5;
                li {
                    padding: 0;
                    margin: 0;
                    width: 80px;
                    height: 50px;
                    border-bottom: 1px solid #e5e5e5;
                }
                li:nth-child(1) {
                    color: #ecc7c7;
                }
                li:nth-child(2) {
                    color: #65da8a;
                }
                li:nth-child(3) {
                    color: #669bf1;
                }
                li:nth-child(4) {
                    color: #e7bb6a;
                }
                li:nth-child(5) {
                    color: #a8a493;
                }
                li:nth-child(6) {
                    color: #e4899d;
                }
                li:nth-child(7) {
                    color: #594ecfc4;
                }
                li:nth-child(8) {
                    color: #b0c942;
                }
            }
            div {
                padding: 10px 20px;
                background: #e5e5e5;
                color: #000;
                cursor: pointer;
                position: relative;
                .right_h {
                    position: absolute;
                    right: 5px;
                    top: 5px;
                    font-size: 14px;
                    color: brown;
                    background: none;
                    padding: 0;
                }
            }
            div:nth-child(1) {
                border-top-left-radius: 10px;
                border-bottom-left-radius: 10px;
            }
            div:nth-child(6) {
                border-top-right-radius: 10px;
                border-bottom-right-radius: 10px;
            }
            margin-top: 10px;
            display: flex;
            border-radius: 10px;
        }
        .right-input {
            margin-top: 10px;
            display: flex;
            justify-content: space-between;
        }
        .right-from {
            margin-top: 10px;
        }
    }
}

.separate {
    .dialog-text {
        font-size: 18px;
        margin-bottom: 20px;
        display: flex;
        justify-content: space-between;
    }
}

.flexBoom {
    display: flex;
    justify-content: space-between;
}

.activity {
    background: #42b983 !important;
    color: #fff !important;
}

.dialog-Form {
    display: flex;
    text-align: center;
    flex-direction: column;
    // overflow-x: scroll;
}

.dialog-Form-title {
    display: flex;
    font-size: 18px;
    justify-content: space-between;
}

.inline {
    display: flex;
    justify-content: space-between;
}